<div class="content-box clearfix">
	<div class="ml20 mr10">
		<!--Detail App-->
		<div class="mt30 app-details-info">
			<div class="cover-container">
				<img class="cover-image"
					src="<?php echo _BASE_URL.'/'.$this->app_info['app_icon']?>">
			</div>
			<div class="info-container">
				<div class="document-title">
					<h1><?php echo $this->app_info['app_name']?></h1>
				</div>
				<div>
					<a class="document-subtitle primary"
						href="/store/apps/developer?id=Rovio+Mobile+Ltd."> 
						<span><?php echo $this->app_info['dev_name']?></span>
					</a>
					<div class="document-subtitle">- Ngày 18 tháng 11 năm 2014</div>
				</div>
				<div class="category-box">
					<a class="document-subtitle category"
						href="/store/apps/category/GAME_ROLE_PLAYING"> 
						<span><?php echo $this->app_info['cat_name']?></span>
					</a>
				</div>
				<div class="download-box">
					<a href="<?php echo _BASE_URL.'/default/index/download'?>" class="btn btn-success">Tải về</a>
				</div>
				<div>
					<div class="download-view">
						<i class="fa fa-download"></i><span> 99999</span>
					</div>
					<div>
						<span class="score"> <i class="fa fa-star"></i> <i
							class="fa fa-star"></i> <i class="fa fa-star"></i> <i
							class="fa fa-star"></i> <i class="fa fa-star"></i>
						</span> <span>( <i class="fa fa-user"></i> 999999)
						</span>
					</div>
				</div>
			</div>
		</div>
		<!--/Detail App-->
	</div>
	<div class="ml20 mr10">
	   <div class="title_item clearfix">
			<h3 class="t_box pull-left">
				<a href="#" title="Editors' Pick">Ảnh màn hình</a>
			</h3>
		</div>
	   <div id="screenshot-view">
            <div id="ifs-carousel-slides"> 
        		<ul>
        		  <?php $i=0; foreach ($this->app_scr as $scr){$i++;?>
        		    <li <?php if($i==1)echo 'class="active"'?>><a class="fancybox" rel="group" href="<?php echo _BASE_URL.'/'.$scr['scr_link']?>"><img src="<?php echo _BASE_URL.'/'.$scr['scr_link']?>" /></a></li>
        		  <?php }?>
        		            			
        		</ul>
        		<div class="clear"></div>
        	</div>
        	<button id="ifs-carousel-prev" class="screen-shot-btn"><i class="fa fa-chevron-left"></i></button>
        	<button id="ifs-carousel-next" class="screen-shot-btn"><i class="fa fa-chevron-right"></i></button>  
        </div>
	</div>
	<div class="ml20 mr10">
	   <div class="title_item clearfix">
			<h3 class="t_box pull-left">
				<a href="#">Mô tả</a>
			</h3>
		</div>
		<div class="app-desc">
        	<div class="desc-inner" style="max-height: 80px;">
        		<div class="view-desc">
        			<?php echo $this->app_info['app_description']?>        		
        		</div>
        		<div class="alpha-bg-desc"></div>
        	</div>
        	<div class="pull-right">
    			<a class="btn btn-default" href="javascript: void(0);" id="fn-description">Xem thêm</a>
    			<a class="btn btn-default" style="display: none;" href="javascript: void(0);" id="fn-description-short">Thu gọn</a>
    		</div>
        </div>
	</div>
	<div class="ml20 mr10">
	   <div class="title_item clearfix">
			<h3 class="t_box pull-left">
				<a href="#">Thông tin</a>
			</h3>
		</div>
		<div>
            <div class="col-sm-2">
                <p><strong>Ngày tạo</strong></p>
                <p><?php $date = new DateTime($this->app_info['app_date_create']); echo $date->format('d/m/Y')?></p>
            </div>
            <div class="col-sm-2">
                <p><strong>Phiên bản</strong></p>
                <p><?php echo $this->app_vers['vers_name']?></p>
            </div>
            <div class="col-sm-2">
                <p><strong>Kích thước</strong></p>
                <p><?php $size = $this->app_vers['vers_size'];  echo round($size/(1024*1024),2); ?> MB</p>
            </div>
            <div class="col-sm-2">
                <p><strong>Lượt xem</strong></p>
                <p>12346</p>
            </div>
            <div class="col-sm-2">
                <p><strong>Phiên bản</strong></p>
                <p>Android 2.3 trở lên</p>
            </div>
            <div class="col-sm-2">
                <p><strong>Thiết bị hổ trợ</strong></p>
                <p>Tất cả</p>
            </div>
        </div>
	</div>
	<div class="ml20 mr10">
	   <div class="title_item clearfix">
			<h3 class="t_box pull-left">
				<a href="#">Liên quan</a>
			</h3>
		</div>
	   <div class="list_item">
			<ul class="pi-list">
			   <?php foreach ($this->new_app as $app){?>
				<li>
				  <div class="pi-list-thumb">
					<a class="pi-l-img"> <span class="icon"> <img
						src="<?php echo _BASE_URL.'/'.$app['app_icon']?>">
					</span>
					</a>
					<div class="pi-l-info">
						<h2 class="pi-l-title">
							<a href="#"><?php echo $app['app_name']?> <i class="alpha_bg"></i></a>
						</h2>
						<a class="pi-l-subtitle" href="#"><?php echo $app['dev_name']?> <i class="alpha_bg"></i></a>
					</div>
					<div class="pi-l-score">
						<span class="score"> <i class="fa fa-star"></i> <i
							class="fa fa-star"></i> <i class="fa fa-star"></i> <i
							class="fa fa-star"></i> <i class="fa fa-star"></i>
						</span> <span class="download pull-right"> <a href="#"><i
							class="fa fa-download"></i></a>
						</span>
					</div>
				  </div>
				</li>
				<?php }?>
			</ul>
		</div>
	</div>
</div>